{% extends "baseD.html" %}

{% block headtitle %}- Contribute{% endblock %}

{% block css %} {% endblock %}

{% block scripts %} {% endblock %}

{% block onload %} {% endblock %}

{% block divtitle %}- Contribute{% endblock %}

{% block content %}
    <div id="centercontent">
    	<span class="title">First Step - Choose Image or Webcam</span>
    	<p class="text">
    		Creating your own scene is easy. Just find the image you want to use and get the image URL.
    	</p>
    	<p class="text">
    		If you don't have a URL for an image you want to use, you can use <a href="http://amosweb.cse.wustl.edu/" target="_blank">The Archive of Many Outdoor Scenes</a> (AMOS) database, where we log historical webcam data. AMOS gives you access to historical imagery so you can see what the scene would have looked like an hour, a day, a month, or even a year ago!
    	</p>
		{% if not username %}
			<p class="text">
    			<a href="{{logInURL}}">Log in</a> with your Google username to be able to create and view your private scenes and modify your submission at a later time.
    		</p>
		{% endif %}

    	<span class="title">Contribute to Project Live 3D</span>

    	{% if username %}
    		<div class="text">
	    		<form id="newimage" action="build" method="get" style="float:left;margin-top:35px;" onsubmit="return !this.url.value==''">
				    What is the URL of your chosen image?<br />
				    <input type="hidden" id="createScn" name="createScn" value="True" />
				    <input type="text" id="url" name="url" value="" />
				    <input type="submit" value="Get Started" id="submitbutton"/><br />
				</form>
	    		<img src="../live3dstatic/images/or.png" style="float:left;margin:0 20px;" />
	    		<form id="newfromamos" action="build" method="get" style="float:left;margin-top:35px;" onsubmit="return !this.amosId.value==''">
					What is the AMOS ID of your chosen webcam?<br />
				    <input type="hidden" id="createScn" name="createScn" value="True" />
				    <input type="text" id="camid" name="amosId" value="" />
				    <input type="submit" value="Get Started" id="submitbutton"/><br/>
				</form>
			</div>
	    	<div style="clear:both;"></div>
		{% else %}
			<p class="text">
				<div style="padding:10px;border:2px solid red;">You must <a href="{{logInURL}}">log in</a> before contributing.</div>
			</p>
	    {% endif %}

	    {% if username %}
		    <p class="text">
				You might also like to contribute to one of the following scenes:<br />
				<a href="http://www.projectlive3d.com/viewScene?scene=361">
					<img src="http://www.projectlive3d.com/renderOriginalImage/361.jpg" height="150px"/>
				</a>
				<a href="http://www.projectlive3d.com/build?scene=373">
					<img src="http://www.projectlive3d.com/renderOriginalImage/373.jpg" height="150px">
				</a>
				<a href="http://www.projectlive3d.com/build?scene=342">
					<img src="http://www.projectlive3d.com/renderOriginalImage/342.jpg" height="150px">
				</a>
			</p>
		{% endif %}

	    <span class="title">You May Also Like...</span>
		<p class="text">
			Our <a href="viewAll">growing library of scenes</a> for other scenes you might want to contribute to</li>
			<br />Our <a href="vfyw.html">View From Your Window</a> page to see how you can use Live3D to participate in the <a href="http://andrewsullivan.thedailybeast.com/2012/02/the-view-from-your-window-c.html">VFYW contest</a>.</li></ul>
		</p>
    </div><!-- end contentpage --> 
{% endblock %}
		
{% block scripts2 %} {% endblock %}